<template>
	<view>
		<swiper class="mobile-swiper" circular :autoplay="mobileSwiper.autoplay" :vertical="mobileSwiper.vertical"
			:interval="mobileSwiper.interval" :duration="mobileSwiper.duration">
			<swiper-item class="swiper-item" v-for="(item,index) in mobileList" :key="index">
					<text>{{item.tip}}</text>
				<text>{{item.mobile}}</text>
			
				<text>{{item.time}}</text>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				mobileSwiper: {
					autoplay: true,
					interval: 3000,
					duration: 1000,
					vertical: true,
				},
				mobileList: [{
					mobile: '恭喜138****4845成功领取50元立减金',
					tip: '',
					time: ''
				}, {
					mobile: '恭喜181****6012成功领取50元立减金',
					tip: '',
					time: ''
				}, {
					mobile: '恭喜138****5023成功领取50元立减金',
					tip: '',
					time: ''
				}]
			}
		}
	}
</script>

<style lang="scss" scoped>
	.mobile-swiper {
		
		width: 466rpx;
		height: 39rpx;
		background: linear-gradient(90deg, #C7F4BA 0%, #FFFFFF 36%, #FFFFFF 69%, #C5F4B7 99%);
		
		.swiper-item {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0 34rpx;
			box-sizing: border-box;
			
			font-family: Source Han Sans CN;
			font-weight: 400;
			font-size: 22rpx;
			color: #587D0A;

		}
	}
</style>